<template>
  <view class="content">
    <view class="uni-wrap">
      <swiper class="swiper"
       circular
      :indicatorDOTS="indicatorDots"
      :autoplay="autoplay"
      :interval="interval"
      :duration="duration"
      >
        <swiper-item>
          <image
            src="https://www.baidu.com"
            class="slide-image"
            mode="aspectFill"
          ></image>
        </swiper-item>
        <swiper-item>
          <image
            src="https://www.baidu.com"
            class="slide-image"
            mode="aspectFill"
          ></image>
        </swiper-item>
        <swiper-item>
          <image
            src="https://www.baidu.com"
            class="slide-image"
            mode="aspectFill"
          ></image>
        </swiper-item>
      </swiper>
    </view>
    <view class="unipver">
      <text class="uni-title">热门推荐</text>
      <view class="uni-list">
        <view class="uni-item" v-for="item in 4" :key="item">
          <view class="uni-item-img">
            <image
              src="https://auth.functorz.com/assets/background.2f60d41c.png"
              class="uni-item-img"
              mode="aspectFill"
            ></image>
          </view>
          <view class="uni-item-content">
            <text class="uni-item-title">测试</text>
            <text class="uni-item-desc">xx某xx</text>
            <text class="uni-item-price">￥100</text>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script setup>
import "../../static/assets/sass/scss/index.scss";
const indicatorDots = true;
const autoplay = true;
const interval = 3000;
const duration = 500;
</script>
